<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8" />
    <title>科级管理人员个人有关事项报告管理系统</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/style-metro.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/style-responsive.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>
    <link href="media/css/uniform.default.css" rel="stylesheet" type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <link rel="shortcut icon" href="media/image/favicon.ico" />
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link rel="stylesheet" type="text/css" href="media/css/bootstrap-fileupload.css" />
    <link rel="stylesheet" type="text/css" href="media/css/jquery.gritter.css" />
    <link rel="stylesheet" type="text/css" href="media/css/chosen.css" />
    <link rel="stylesheet" type="text/css" href="media/css/select2_metro.css" />
    <link rel="stylesheet" type="text/css" href="media/css/jquery.tagsinput.css" />
    <link rel="stylesheet" type="text/css" href="media/css/clockface.css" />
    <link rel="stylesheet" type="text/css" href="media/css/bootstrap-wysihtml5.css" />
    <link rel="stylesheet" type="text/css" href="media/css/datepicker.css" />
    <link rel="stylesheet" type="text/css" href="media/css/timepicker.css" />
    <link rel="stylesheet" type="text/css" href="media/css/colorpicker.css" />
    <link rel="stylesheet" type="text/css" href="media/css/bootstrap-toggle-buttons.css" />
    <link rel="stylesheet" type="text/css" href="media/css/daterangepicker.css" />
    <link rel="stylesheet" type="text/css" href="media/css/datetimepicker.css" />
    <link rel="stylesheet" type="text/css" href="media/css/multi-select-metro.css" />
    <link href="media/css/bootstrap-modal.css" rel="stylesheet" type="text/css"/>
    <!-- END PAGE LEVEL STYLES -->
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="page-header-fixed page-sidebar-closed">
<!-- BEGIN HEADER -->
<jsp:include page="../fragment/header.jsp"/>
<!-- END HEADER -->
<!-- BEGIN CONTAINER -->
<div class="page-container" >
    <!-- BEGIN SIDEBAR -->
    <jsp:include page="../fragment/sidebar.jsp"/>
    <!-- END SIDEBAR -->
    <!-- BEGIN PAGE -->
    <div class="page-content" style="background-color:#f5f5f5;">
        <!-- BEGIN PAGE CONTAINER-->
        <!-- BEGIN PAGE HEADER-->
        <div class="container-fluid" style="margin-left: -20px;">
            <div class="row-fluid" style="margin-bottom: 5px;">
                <jsp:include page="../fragment/navigation.jsp"></jsp:include>
            </div>
        <!-- END PAGE HEADER-->
        <div class="row-fluid">
            <div class="span12">
                <div class="span3">
                    <div class="portlet box green" style="margin-left: 10px;">
                        <div class="portlet-title">
                            <div class="caption"><i class="icon-reorder"></i>填报说明</div>
                        </div>
                        <div class="portlet-body">
                            <div class="scroller" data-height="300px">
                                <p style="color:#6983ff;font-weight: bold">
                                    本人劳务所得应填报扣除所得税后的全年实际所得。上年度没有此类情况的不填写。
                                </p>
                            </div>
                        </div>
                    </div>
                    <form>
                        <div class="form-actions">
                            <a href="salary_laowu" class="btn blue">填报上一项</a>
                            <a href="house" class="btn blue">填报下一项</a>
                        </div>
                    </form>

                </div>
                <div class="span9">
                    <div class="portlet box green">
                        <div class="portlet-title">
                            <div class="caption"><i class="icon-cogs"></i>本人劳务所得</div>
                            <div class="actions">
                                <button class="btn light-blue" id="laowu-edit-btn"><i class="icon-edit"></i> 编辑</button>
                                <button class="btn light-blue" id="laowu-save-Btn"><i class="icon-plus"></i> 保存</button>
                            </div>
                        </div>
                        <div class="portlet-body">
                            <form action="#" class="horizontal-form" id="laowu-form">
                                <div class="row-fluid">
                                    <div class="span12">
                                        <div class="span4 ">
                                            <a href="#" class="btn dark-grey disabled">讲学收入</a><input class="span8 m-wrap" name="LECTURES" id="LAOWU_LECTURES" type="number" disabled  value="${list[0].LECTURES}"/>
                                        </div>
                                        <!--/span-->
                                        <div class="span4 ">
                                            <a href="#" class="btn dark-grey disabled">写作收入</a><input class="span8 m-wrap" name="WRITING" id="LAOWU_WRITING" type="number" disabled value="${list[0].WRITING}"/>
                                        </div>
                                        <!--/span-->
                                        <div class="span4 ">
                                            <a href="#" class="btn dark-grey disabled">咨询收入</a><input class="span8 m-wrap" name="CONSULTAION" id="LAOWU_CONSULTAION" type="number" disabled value="${list[0].CONSULTAION}" />
                                        </div>
                                    </div>
                                </div>
                                <div class="row-fluid">
                                    <div class="span12">
                                        <div class="span4 ">
                                            <a href="#" class="btn dark-grey disabled">审稿收入</a><input class="span8 m-wrap" name="REVIEWERS" id="LAOWU_REVIEWERS" type="number" disabled value="${list[0].REVIEWERS}" />
                                        </div>
                                        <!--/span-->
                                        <div class="span4 ">
                                            <a href="#" class="btn dark-grey disabled">书画收入</a><input class="span8 m-wrap" name="PAINTING" id="LAOWU_PAINTING" type="number" disabled value="${list[0].PAINTING}"/>
                                        </div>
                                        <!--/span-->
                                        <div class="span4 ">
                                            <a href="#" class="btn dark-grey disabled">其他收入</a><input class="span8 m-wrap" name="OTHER3" id="LAOWU_OTHER3" type="number" disabled value="${list[0].OTHER3}"/>
                                        </div>
                                    </div>
                                </div>
                                <%--<div class="row-fluid">--%>
                                    <%--<div class="span12">--%>
                                        <%--<div class="span4 ">--%>
                                            <%--<a href="#" class="btn dark-grey disabled">收入合计</a><input class="span8 m-wrap" name="SUM" id="LAOWU_SUM" type="number" disabled value="${laowuyByID.SUM}"/>--%>
                                            <%--<input class="hidden" name="FLAG" value="LAOWU">--%>
                                        <%--</div>--%>
                                    <%--</div>--%>
                                <%--</div>--%>

                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END PAGE CONTAINER-->
        </div>
    </div>
    <!-- END PAGE -->
</div>
<!-- END CONTAINER -->
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- BEGIN CORE PLUGINS -->
<script src="media/js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script src="media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>
<script src="media/js/bootstrap.min.js" type="text/javascript"></script>
<!--[if lt IE 9]>
<script src="media/js/excanvas.min.js"></script>
<script src="media/js/respond.min.js"></script>
<![endif]-->
<script src="media/js/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="media/js/jquery.blockui.min.js" type="text/javascript"></script>
<script src="media/js/jquery.cookie.min.js" type="text/javascript"></script>
<script src="media/js/jquery.uniform.min.js" type="text/javascript" ></script>
<!-- END CORE PLUGINS -->
<script src="media/js/app.js"></script>
<script src="media/js/form-components.js"></script>


<script type="text/javascript">
    function test(MENU_URL){
        $.ajax({
            type : 'post',
            url : MENU_URL,
            async : false,
            contentType: "application/x-www-form-urlencoded; charset=utf-8",
            success : function (data) {
                $("#rightContent").html(data);
            }
        });
    }
</script>
<script>
    $('#laowu-save-Btn').on('click',function(){
        var a = $('#LAOWU_LECTURES').val();
        var b = $('#LAOWU_WRITING').val();
        var c = $('#LAOWU_CONSULTAION').val();
        var d = $('#LAOWU_REVIEWERS').val();
        var e = $('#LAOWU_PAINTING').val();
        var f = $('#LAOWU_OTHER3').val();

        if(a==''){
            a='0';
        }
        if(b==''){
            b='0';
        }
        if(c==''){
            c='0';
        }
        if(d==''){
            d='0';
        }
        if(e==''){
            e='0';
        }
        if(f==''){
            f='0';
        }

        $.ajax({
            type: "POST",
            url : 'singleInfoSave',
            data : {LECTURES:a,WRITING:b,CONSULTAION:c,REVIEWERS:d,PAINTING:e,OTHER3:f,FLAG:'LAOWU'},
//            data: $('#laowu-form').serialize(),
            async: true,
            success: function(data) {
                $('#LAOWU_LECTURES').attr("disabled","disabled");
                $('#LAOWU_WRITING').attr("disabled","disabled");
                $('#LAOWU_CONSULTAION').attr("disabled","disabled");
                $('#LAOWU_REVIEWERS').attr("disabled","disabled");
                $('#LAOWU_PAINTING').attr("disabled","disabled");
                $('#LAOWU_OTHER3').attr("disabled","disabled");
            }
        })
    });

    $('#laowu-edit-btn').on('click',function(){
        $('#LAOWU_LECTURES').removeAttr("disabled");
        $('#LAOWU_WRITING').removeAttr("disabled");
        $('#LAOWU_CONSULTAION').removeAttr("disabled");
        $('#LAOWU_REVIEWERS').removeAttr("disabled");
        $('#LAOWU_PAINTING').removeAttr("disabled");
        $('#LAOWU_OTHER3').removeAttr("disabled");
    })

</script>
<script>
    $('#salary_edit_btn').on('click',function(){
        $('#SALARY_WAGES').removeAttr("disabled");
        $('#SALARY_BONUS').removeAttr("disabled");
        $('#SALARY_LECTURES').removeAttr("disabled");
    });
    $('#salary_save_btn').on('click',function(){
        $.ajax({
            type: "POST",
            url : 'singleInfoSave',
            data:$('#salary-form').serialize(),
            async: true,
            success: function(data) {
                var wages = $('#SALARY_WAGES').val();
                var bonus = $('#SALARY_BONUS').val();
                var lectures = $('#SALARY_LECTURES').val();
                $('#SALARY_SUM').val(eval(wages+"+"+bonus+"+"+ lectures));
                $('#SALARY_WAGES').attr("disabled","disabled");
                $('#SALARY_BONUS').attr("disabled","disabled");
                $('#SALARY_LECTURES').attr("disabled","disabled");
            }
        })
    });

</script>




<script>
    jQuery(document).ready(function() {
        $('#laowu').addClass('green');
        App.init();
        FormComponents.init();
    });
</script>
<!-- END JAVASCRIPTS -->
<script type="text/javascript">  var _gaq = _gaq || [];  _gaq.push(['_setAccount', 'UA-37564768-1']);  _gaq.push(['_setDomainName', 'keenthemes.com']);  _gaq.push(['_setAllowLinker', true]);  _gaq.push(['_trackPageview']);  (function() {    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;    ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);  })();</script></body>
<!-- END BODY -->
</html>